<template>
  <div>
    <el-table :data="tabdata" style="width: 100%">
      <el-table-column prop="id" width="90" label="编号"> </el-table-column>
      <el-table-column prop="dealUser"  showOverflowTooltip width="120" label="操作人"> </el-table-column>
      <el-table-column prop="stepName"  showOverflowTooltip width="90" label="步骤"> </el-table-column>
      <el-table-column prop="dealResult" label="操作状态">
        <template v-slot="{row}">
          {{ isNullOrEmpty(WORKORDER_RESULTTEXT[row.dealResult]?.label) }}
        </template>
       
      </el-table-column>
      <el-table-column prop="dealView"  showOverflowTooltip label="意见"> </el-table-column>
      <el-table-column prop="operatedAt" show-overflow-tooltip label="操作时间"> </el-table-column>
    </el-table>
  </div>
</template>
<script setup lang="ts">
import { isNullOrEmpty } from '@/utils/functions'
import { WORKORDER_RESULTTEXT } from "@/constant/workorder-mangenment";
const props = defineProps({
  tabdata: {
    type: Array,
    default: []
  }
});
</script>
